@font-face {
    font-family: 'SegoeUI-SemiBold';
    src: url('../../fonts/templgen/seguisb.eot');
    src: url('../../fonts/templgen/seguisb.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/templgen/seguisb.woff') format('woff'),
         url('../../fonts/templgen/seguisb.ttf') format('truetype'),
         url('../../fonts/templgen/seguisb.svg#seguisb') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SegoeUI';
    src: url('../../fonts/templgen/segoeui.eot');
    src: url('../../fonts/templgen/segoeui.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/templgen/segoeui.woff') format('woff'),
         url('../../fonts/templgen/segoeui.ttf') format('truetype'),
         url('../../fonts/templgen/segoeui.svg#segoeui') format('svg');
    font-weight: normal;
    font-style: normal;
}
* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 14px;
    line-height: 18px;
    font-family: 'SegoeUI', arial, sans-serif;
    color: #aeaeae;
    background: #fff;
    min-width:480px;
}

a { color: #0252aa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 14px; font-family: 'SegoeUI', arial, sans-serif; color:#393939;  }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; text-transform: uppercase;}
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

#wrapper { min-height:100%; position:relative;  }

#bg { position:absolute; overflow:hidden; left:0; right:0; z-index: 1; width:100%; height:100%; }
#bg img { min-width:100%; min-height:auto;   position:relative; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); }

.content-box { width:452px;  z-index: 2; position:relative; top:0; padding:34px 0;   }    /*left:12%*/
.content-box.type2 { padding-top:77px;  }
.content-box.type2 .blackbox form{ padding-top:6px;  }

h1#logo { padding-bottom:20px; }
h1#logo a { /*background:url(images/logo.png);*/ display:block; height:68px; width:322px; }
h1#logo.lead-logo { padding-bottom:14px;   }
h1#logo.lead-logo a { width:180px; height:31px; background-image:url(images/lead-logo.png); margin:0 auto; }

.blackbox {
    background:#222; 
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.8) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(50%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.8)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.8) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.8) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.8) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.8) 100%);
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}
.blackbox { text-align:center; padding-bottom:17px; margin-bottom:11px;  }
.blackbox h1 { font-family: 'SegoeUI-SemiBold'; font-size:30px; line-height:28px; color:#ffff00; font-weight:normal; padding:20px 20px 5px 10px;  letter-spacing:-2px; }
.blackbox h3,
.blackbox h2 { font-family: 'SegoeUI-SemiBold'; font-size:26px; line-height:28px; color:#fff; font-weight:normal; padding:10px 20px;  letter-spacing:-2px; }
.blackbox h3 { font-size:22px; line-height:26px; padding:12px 30px; }
.blackbox p { padding:10px 20px; text-shadow:1px 1px 1px rgba(0,0,0,0.7)  }
.blackbox a { color:#fff; text-align:center; text-shadow:1px 1px 1px rgba(0,0,0,0.7) }


.footer { color:#fff; text-align:center; text-shadow:1px 1px 1px rgba(0,0,0,0.7) }
.footer a { color:#000;  }

.simp{color:#ffff00; text-decoration: underline;}

.ctrBtn {
    margin-top:20px;
}

.ctrBtn  a{
    -moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
    -webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
    box-shadow:inset 0px 1px 0px 0px #a4e271;
    background-color:#89c403;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #74b807;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:28px;
    font-weight:bold;
    padding:10px 10px;
    text-decoration:none;
    text-shadow:1px 1px 0px #528009;
    width:280px;
    line-height: 1.2;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align:center;
    behavior:url(http://starkuz.com/generator/static/css/ie/PIE.htc);
}

.ctrBtn a:hover {
    background-color:#77a809;
}

.ctrBtn a:active {
    position:relative;
    top:1px;
}

@media only screen and (max-width: 1024px) {
    
    .content-box { margin-left:-160px;  }
}